<template>
    <div>
      <el-container>
        <el-header><Header></Header></el-header>
        <el-container style="height: 100%">
          <el-aside width="200px"><Aside></Aside></el-aside>
          <el-main><Main></Main></el-main>
        </el-container>
      </el-container>
    </div>
</template>

  <script setup>
import Header from "./Header.vue";
import Aside from "./Aside.vue";
import Main from "./Main.vue";
import {onBeforeMount} from "vue";
import request from "@/utils/request";

onBeforeMount(()=>{
  request.get("http://localhost:8090/admin/init")
      .then(res=>{

      })
      .catch(err=>{
        console.log(err)
      })
})

</script>

<style scoped>
body, html{
  height: 100%;
}
.el-header {
  background-color: #409eff;
  color: rgb(255, 255, 255);
  text-align: left;
  line-height: 60px;
  font-size: 22px;
}

.el-aside {
  text-align: center;
  line-height: 200px;
}

.el-main {
  text-align: center;
  line-height: 160px;
  height: 672px;
}
</style>